<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>{$item.order_number}</title>

    <style>

        body{text-align: center;}

        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}

        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}

        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}

        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}

        ul,li{ list-style: none;}

        li{ display: inline-block; line-height: 30px;}

    </style>

</head>

<div class="print">

    <style>

        body{text-align: center;}

        body td{ font-size: 20px;  white-space: nowrap;}

        @page {

            size: auto;  /* auto is the initial value */

            margin: 40px 40px 0 40px; /* this affects the margin in the printer settings */

        }

        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}

        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}

        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}

        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}

        ul,li{ list-style: none;}

        li{ display: inline-block; line-height: 30px;}

    </style>

    <div class="table-c" id="printArea">

        <table border="0" cellspacing="0" cellpadding="0" width="1024">

            <thead></thead>

            <tbody>

            <tr>

                <td>{in name="$item.order_type" value="1,3"}包含商品{else/}所属分类{/in}</td>

                <td colspan="3">{$item.cat_name}{notempty name="$item.one_cat"}->{/notempty}{$item.one_cat}</td>

                <td>订单编号</td>

                <td>{$item.order_number}</td>

                {eq name=":request()->controller()" value="GiftOrder"}

                <td class="right_td"></td>

                {/eq}

            </tr>

            <tr>

                <td>服务门店</td>

                <td colspan="3">{:model('shop')->where('id',$item.shop_id)->value('shop_title')}</td>

                <td>下单/退款 时间</td>

                <td>{$item.create_time}{in name="$item.status" value="10,11,12"} / {$item.refund_create_time}{/in}</td>

                {eq name=":request()->controller()" value="GiftOrder"}

                <td class="right_td"></td>

                {/eq}

            </tr>

            <tr>

                <td>{in name="$item.order_type" value="1,3"}买家账号{else/}用户账号{/in}</td>

                <td>{$item.username}</td>

                <td>是否认证</td>

                <td class="jia_td">

                    <span style="display: none;">131</span>

                    {:input('is_certification_text')}

                </td>

                <td>服务金额</td>

                <td>{$item.amount}</td>

            </tr>

            <tr>

                <td>车牌号</td>

                <td>{notempty name="$item.car_number"}{$item.car_number}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" class="jia_add_int" type="text"/>{/notempty}</td>

                <td>品1牌型号</td>

                <td>{notempty name="$item.brand_number"}{$item.brand_number}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" type="text"/>{/notempty}</td>

                <td>车辆识别码</td>

                <td>{notempty name="$item.id_code"}{$item.id_code}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" type="text"/>{/notempty}</td>

            </tr>

            <tr>

                <td>绩效订单</td>

                <td>{switch name="item.finance_order"}

                {case 1}业务员订单{/case}

                {case 2}二维码订单{/case}

                {case 3}门店订单{/case}

                {case 4}普通订单{/case}

                {default /}-

                {/switch}</td>

                <td>订单状态</td>

                <td>{switch name="item.status"}

                    {case 50}等待沟通{/case}

                    {case 1}未支付{/case}

                    {case 6}进行中{/case}

                    {case 5}已确认{/case}

                    {case 4}已评价{/case}

                    {case 10}退款中{/case}

                    {case 11}退款成功{/case}

                    {case 12}退款失败{/case}

                    {case 20}已取消({$item.cancel_content}){/case}

                    {/switch}</td>

                <td>服务方式</td>

                <td>{switch name="item.shipping"}

                    {case 1}商家配送{/case}

                    {case 2}到店自取{/case}

                    {/switch}</td>



            </tr>

            <tr>

                <td>备注</td><td colspan="5">{$item.explain|default=''}{$item.explain|default=''}</td>

            </tr>



            </tbody>

        </table>

{if condition="false"}

        <table border="0" cellspacing="0" cellpadding="0" width="1024">

            <tr>

            <td>商品分类</td>

            <td>商品规格</td>

            <td>商品数量</td>

            <td>创建时间</td>

            <td>操作</td>

            </tr>

            <tbody id="fieldtrgoods">

            {volist name="service_order_goods" id="list"}

            <tr>

                <td>

                    <select name="cat_id[]" class="form-control" tabindex="-1" disabled>

                        <option value="0">全部分类</option>

                        {volist name=":json_decode($category,true)" id="shopClassData"}

                        <option

                                value="{$shopClassData.id}"

                                {eq name='list.cat_id' value='$shopClassData.id'}

                                selected

                                {/eq}

                        >

                        {neq name="shopClassData.parenTid" value="0"}

                        {:str_repeat('　',$shopClassData['count'])}

                        {/neq}

                        {eq name="shopClassData.parenTid" value="0"}

                        <span>&nbsp;</span>

                        {else /}

                        <span>&nbsp;</span>

                        {/eq}

                        {neq name="shopClassData.count" value="1"}|&nbsp;--&nbsp;{/neq}

                        {$shopClassData.title}

                        {/volist}

                    </select>

                </td>

                <td><select class="form-control" tabindex="-1" name="spec_id[]" disabled>

                    {volist name=":json_decode($spec_attr_list,true)" id="g"}

                    <option value="{$g.id}" {eq name='$list.spec_id' value='$g.id'}selected{/eq}>|--{$g.title}-{$g.attribute}-{$g.inventory}</option>

                    {/volist}

                </select>

                </td>

                <td>

                    <input name="number" value="{$list.number}" disabled>

                </td>

                <td>

                    {$list.create_time}

                </td>

                <td><a href="javascript:;" onClick="delThigoods($(this),{$list.spec_id})" >删除</a></td>

            </tr>

            {/volist}



        </table>

        {if $item.is_free_order eq 2}

        <table class="table-c" border="0" cellspacing="0" cellpadding="0" width="1024" style="margin-top: 10px;">

            <tr><td>审核状态</td><td>一级审核</td><td>二级审核</td><td>三级审核</td></tr>

            <tr>

                <td class="td0">

                    {switch name="$item.auding_status"}

                    {case 1}等待审核{/case}

                    {case 2}审核成功{/case}

                    {case 3}审核失败{/case}

                    {/switch}

                </td>

                <td class="td1">

                    {switch name="$item.auding_status1"}

                    {case 1}等待审核{/case}

                    {case 2}审核成功{/case}

                    {case 3}审核失败{/case}

                    {/switch}

                </td>

                <td class="td2">

                    {switch name="$item.auding_status2"}

                    {case 1}等待审核{/case}

                    {case 2}审核成功{/case}

                    {case 3}审核失败{/case}

                    {/switch}

                </td>

                <td class="td3">

                    {switch name="$item.auding_status3"}

                    {case 1}等待审核{/case}

                    {case 2}审核成功{/case}

                    {case 3}审核失败{/case}

                    {/switch}

                </td>

            </tr>

        </table>

        {/if}

        {if condition="strpos('11,10,12',(string)$item.status) !== false"}

        <table class="table-c" border="0" cellspacing="0" cellpadding="0" width="1024" style="margin-top: 10px;">

            <tr align="center" style="font-size: 16px;">

                <td>申请者</td>

                <td>申请门店</td>

                <td>审核状态</td>

                <td>审核时间</td>

                <td>失败原因</td>

            </tr>

            {volist name='refund_order_audit_records' id='goods_list'}

            <tr align="center">

                <td>{$goods_list.username|default=''}</td>

                <td>{$goods_list.shop_title|default=''}</td>

                <td>

                    {switch name="$goods_list.status"}

                    {case 11}审核成功{/case}

                    {case 12}审核失败{/case}

                    {/switch}

                </td>

                <td>{$goods_list.create_time|default=''}</td>

                <td>{$goods_list.fail_explain|default=''}</td>

            </tr>

            {/volist}

        </table>

        {/if}

        {/if}

    </div>

    <!--<div class="table-c" id="printArea">-->

    <!--<table  border="0" cellspacing="0" cellpadding="0">-->

    <!--<thead></thead>-->

    <!--<tbody>-->

    <!--<tr><td>{in name="$item.order_type" value="1,3"}包含商品{else/}所属分类{/in}</td><td><span style="visibility: hidden">{$item.cat_name}{notempty name="$item.one_cat"}->{/notempty}{$item.one_cat}</span></td><td>订单编号</td><td><span style="visibility: hidden">{$item.order_number}</span></td></tr>-->

    <!--<tr><td>服务门店</td><td><span style="visibility: hidden">{:model('shop')->where('id',$item.shop_id)->value('shop_title')}</span></td><td>下单退款时间</td><td><span style="visibility: hidden">{$item.create_time}{in name="$item.status" value="10,11,12"} / {$item.refund_create_time}{/in}</span></td></tr>-->

    <!--<tr><td>{in name="$item.order_type" value="1,3"}买家账号{else/}用户账号{/in}</td><td><span style="visibility: hidden">{$item.username}</span></td><td>车牌号</td><td><span style="visibility: hidden">{$item.car_number}</span></td></tr>-->

    <!--<tr><td>品牌型号</td><td><span style="visibility: hidden">{$item.brand_number}</span></td><td>车辆识别码</td><td><span style="visibility: hidden">{$item.id_code}</span></td></tr>-->

    <!--<tr><td>服务金额</td><td><span style="visibility: hidden">{$item.amount}</span></td><td>备注</td><td><span style="visibility: hidden">{$item.explain}</span></td></tr>-->

    <!--<tr>-->

    <!--<td>服务人员提成</td><td><span style="visibility: hidden"></span></td>-->

    <!--</tr>-->



    <!--</tbody>-->

    <!--</table>-->

    <!--</div>-->

    <!--<div class="table-c" id="printArea">-->

    <!--<table  border="0" cellspacing="0" cellpadding="0">-->

    <!--<thead></thead>-->

    <!--<tbody>-->

    <!--<tr><td>{in name="$item.order_type" value="1,3"}包含商品{else/}所属分类{/in}</td><td><span style="visibility: hidden">{$item.cat_name}{notempty name="$item.one_cat"}->{/notempty}{$item.one_cat}</span></td><td>订单编号</td><td><span style="visibility: hidden">{$item.order_number}</span></td></tr>-->

    <!--<tr><td>服务门店</td><td><span style="visibility: hidden">{:model('shop')->where('id',$item.shop_id)->value('shop_title')}</span></td><td>下单退款时间</td><td><span style="visibility: hidden">{$item.create_time}{in name="$item.status" value="10,11,12"} / {$item.refund_create_time}{/in}</span></td></tr>-->

    <!--<tr><td>{in name="$item.order_type" value="1,3"}买家账号{else/}用户账号{/in}</td><td><span style="visibility: hidden">{$item.username}</span></td><td>车牌号</td><td><span style="visibility: hidden">{$item.car_number}</span></td></tr>-->

    <!--<tr><td>品牌型号</td><td><span style="visibility: hidden">{$item.brand_number}</span></td><td>车辆识别码</td><td><span style="visibility: hidden">{$item.id_code}</span></td></tr>-->

    <!--<tr><td>服务金额</td><td><span style="visibility: hidden">{$item.amount}</span></td><td>备注</td><td><span style="visibility: hidden">{$item.explain}</span></td></tr>-->

    <!--<tr>-->

    <!--<td>服务人员提成</td><td ><span style="visibility: hidden"></span></td>-->

    <!--</tr>-->

    <!--</tbody>-->

    <!--</table>-->

    <!--</div>-->



</div>

<!--<button type="button"  class="btn btn-danger" id="sp2">重新选择</button>-->

<!--<button type="button"  class="btn btn-danger" id="sp">隐藏服务人员提成</button>-->

<button type="button"  class="btn btn-danger" id="btnPrint">打印订单</button>

<script src="http://www.w3school.com.cn/jquery/jquery.js"></script>

<script src="/jquery.PrintArea.js" type="text/JavaScript" language="javascript"></script>



<script>

    //    $("#sp").click(function(){

    //        $('.service_people').toggle();

    //

    //    });

    //var a =$.getScript("/get.js");

    //console.log(a);

    function haha() {

//    window.onload = function () {

//    var a =$.getScript("/jquery.PrintArea.js");

//    //alert(a);

//    };

    }

    $(document).ready(function(){

        $("#sp").toggle(

            function(){

                //$(".service_people").css("background-color","green");},

                $(".service_people").attr("style","display:none");

                $(".right_td").attr("style","display:none");

                $(this).text('隐藏服务人员提成');

            },

            function(){

                $(".service_people").removeAttr("style");

                $(".right_td").removeAttr("style");

                $(this).html('显示服务人员提成');

                //$(".service_people").css("background-color","red");

            }



//            ,

//        function(){

//            $("body").css("background-color","yellow");}

        );

    });

    $('#sp2').click(function(){

        history.go(0);

    });

    $(document).ready(function(){

        $(".right_td").toggle(

            function(){

                var current_time = $(this).text();//当前点击时间

                var last_time = ''; //默认没有点击时间是空



                //$(".service_people").css("background-color","green");},

                $('.right_td').each(function(){

                    var other_time = $(this).text();

                    $(this).hide();

                    $('.service_people').hide();

                    if(current_time == other_time){

                        //$(this).remove();

                        last_time = current_time; //

                    }

                });

                var i = 0;

                var arr = [];

                $('.service_people .right_td').each(function(index,item){ //循环右侧的right_td

                    var other_time2 = $(this).text(); //获取循环的各个时间

                    if(current_time == other_time2){

                        //$(this).remove();

                        i++; //获得同一时间段有多少个元素

                        var cont = $(this).parent().find('td').eq(0).text();

                        $(this).parent().show(); //同一时间段各个显示

                        arr.push(index); //把选中的同一时间段 索引放入数组

//                    if(i == 1 && cont != '服务人员提成'){

//                         var str = '<td rowspan="'+i+'">服务人员提成</td>';

//                        $(this).parent().prepend(str);

//                    }

                        //if(index == 0){ //不等于0说明不是第一组 0 1一组也可能多个 但是只执行一次

//                    if(cont != '服务人员提成'){

//

//                    }



                        //}



//                    if(index != 0){

//                        var str = '<td rowspan="'+i+'">服务人员提成</td>';

//                        $(this).parent().prepend(str);

//                    }

                    }







                });

                console.log(arr);

                var ii = $.inArray(0, arr);

                if(ii == -1){ //如果不包含索引 0 就得添加 第一个td 第一个元素加一次可以了就

                    //alert(arr[0]);//第一个索引

                    var str = '<td rowspan="'+i+'">服务人员提成</td>';

                    $('.service_people').eq(arr[0]).prepend(str);



                }



            },

            function(){

//            $(".service_people").removeAttr("style");

//            $(".right_td").removeAttr("style");

//            $(this).html('显示服务人员提成');

                //$(".service_people").css("background-color","red");

            }



//            ,

//        function(){

//            $("body").css("background-color","yellow");}

        );

    });





    $("#btnPrint").click(function () {

        $(".print").printArea();

    });

    //window.onload = function () {

    //    $("#btnPrint").on('click', function () {

    //        $(".print").printArea();

    //    });

    //};





</script>

</body>

<style>

    body{text-align: center;}

    .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}

    .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}

    .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}

    .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}

    ul,li{ list-style: none;}

    li{ display: inline-block; line-height: 30px;}

</style>

</html>

<style>

    body{text-align: center;}

    .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}

    .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}

    .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}

    .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}

    ul,li{ list-style: none;}

    li{ display: inline-block; line-height: 30px;}

</style>

<!--<script>-->

<!--$(".jia_td").click(function(){-->

<!--$(".jia_add_int").show();-->

<!--$(".jia_add_int").prev().hide();-->

<!--$(".jia_add_int").focus();-->

<!--});-->

<!--$(".jia_add_int").change(function(){-->

<!--//        console.log($(this).val());-->

<!--var a = ($(this).val());-->

<!--$(this).prev().text(a);-->

<!--});-->

<!--$(".jia_add_int").blur(function () {-->

<!--$(".jia_add_int").hide();-->

<!--$(this).prev().show();-->

<!--})-->

<!--</script>-->

